<template>
	<view class="page">
		<headerinfo></headerinfo>
		
		<view class="width60">
			<u-navbar title="创作中心" :autoBack="true"></u-navbar>
			<!-- 用户信息 -->
			<!-- 选项 -->
			<!-- 滑动列表 -->
			<view class="o-content">
				<view class="tab-content">
					<articlelist ref="articlelist"></articlelist>
				</view>
			</view>
			
		</view>
		
		
	</view>
</template>

<script>
	import articlelist from './components/articlelist.vue'
	export default {
		components: {
			articlelist,
		},
		data() {
			return {
			};
		},
		onShow() {
			this.$nextTick(()=>{
				this.$refs.articlelist.getAllCategories()
			})
		},
		methods: {

		}
	};
</script>

<style>
	page{
		background-color: #f2f2f2;
	}
</style>
<style lang="scss" scoped>
	.page{
		min-height: auto;
	}
	.o-content {
		background-color: #fff;
		border-top: 1px solid #eee;
	}
	
	.indexPage{
		width: 100%!important;
		border: none;
		border-radius: 0;
		margin-top: 0;
	}
	
	.fixedTop{
		width: 100%!important;
	}

</style>